<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/resources/modelo_facelets.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">    

    <ui:define name="content">



        <p:panel id="painelChamado" header="Dados do Chamado">

            <h:form>
                
                <p:messages/>

                <h:panelGrid columns="2" cellspacing="20px" width="100%">

                    <h:outputText value="Numero: " />
                    <h:outputText value="#{dadosChamado.chamado.id}" />

                    <h:outputText value="Data de Abertura:  " />
                    <h:outputText value="#{dadosChamado.chamado.dataAbertura}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>

                    <h:outputText value="Estado: " />
                    <h:outputText value="#{dadosChamado.chamado.estado}" />

                    <h:outputText value="Solicitante: " />
                    <h:outputText value="#{dadosChamado.chamado.nomeSolicitante}" />

                    <h:outputText value="Serviço: " />
                    <h:outputText value="#{dadosChamado.chamado.nomeServico}" />

                </h:panelGrid>

                <p:separator />

                <h:outputText value="Descrição: "/>                
                <p:inputTextarea readonly="true" 
                                 style="width: 100%; height: 100px"
                                 value="#{dadosChamado.chamado.historico}" />             

            </h:form>
        </p:panel>

        <p:panel id="painelObservacao" header="Observações" 
                 rendered="#{dadosChamado.mostrarPainelObs}" >

            <h:form>
                
                <p:inputTextarea style="width: 520px"                                 
                                 required="true"
                                 requiredMessage="O campo Observações é obrigatório!"
                                 value="#{dadosChamado.descricao}" />

                <h:panelGrid columns="2" cellspacing="10px" width="100%">

                    <p:commandButton value="Inserir Observação" actionListener="#{dadosChamado.inserirObservacao}" update=":painelChamado :painelObservacao"/>
                    <p:commandButton value="Encerrar Chamado" action="#{dadosChamado.encerrarChamado}" ajax="false"/>

                </h:panelGrid>

            </h:form>

        </p:panel>       

    </ui:define>

</ui:composition>